<template>
  <q-page padding>
    <q-list bordered padding >
      <q-item-label header>待办事项todo设置</q-item-label>

      <q-item tag="label" v-ripple>
        <q-item-section>
          <q-item-label>12小时制</q-item-label>
        </q-item-section>
        <q-item-section side>
          <q-toggle color="blue" v-model="data.todo.十二小时制" />
        </q-item-section>
      </q-item>

      <q-item tag="label" v-ripple>
        <q-item-section>
          <q-item-label>隐藏头部</q-item-label>
        </q-item-section>
        <q-item-section side>
          <q-toggle color="blue" v-model="data.todo.隐藏头部" />
        </q-item-section>
      </q-item>


    </q-list>
  </q-page>
</template>

<script setup>
import { ref } from 'vue';
import { useSettings } from './settings-store'
const store = useSettings()
const { data } = store

</script>
